<template>
  <div :style="{
    top: rect.x + 'px',
    left: rect.y + 'px',
    }">
    <q-btn
        flat
        dense
        size="sm"
        color="white"
        icon="ion-ios-gear-outline"
      >
        <q-tooltip>样式</q-tooltip>
    </q-btn>
    <q-btn
        flat
        dense
        size="sm"
        color="white"
        icon="ion-ios-gear-outline"
      >
        <q-tooltip>颜色</q-tooltip>
    </q-btn>
  </div>  
</template>

<script lang="ts">
import { defineAsyncComponent, defineComponent, onMounted, ref, toRefs, PropType, watch, toRef  } from 'vue';
import { CPosition} from 'stores/editorModels';

export default defineComponent({
    name: 'LineStyle',
    props: {
      rect: {
        type: Object as PropType<CPosition>,
        required: true
      },  
    },
    setup(props) {
        
      return {

      };
    },
});

</script>

<style lang="scss"scoped>

</style>
